html,
body {
  width: 100%;
  height: 100%;
}
ul,
li {
  list-style: none;
}
.header {
  width: 100%;
  height: 40px;
  background-color: orange;
  display: flex;
}
.header .header-left {
  flex: 1;
}
.header .header-right {
  flex: 1;
  text-align: center;
}
.search {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  display: flex;
  margin-top: 20px;
  background-color: #fff;
}
.search .left {
  flex: 5;
}
.search .right {
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  padding-top: 4px;
}
.content {
  width: 100%;
}
.content .content_list {
  display: flex;
  width: 100%;
  flex-flow: wrap;
}
.content .content_list .mui-input-row {
  width: 33%;
  border: 1px solid black;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
